<template>
    <z-paging @pageScroll="pageScroll">
        <v-headerview actionBarColor="#ffffff" titleColor="#000000" :pageTitle="title" :showBackIcon="true">
            <!-- 星空背景 -->
            <view class="zhanwei" style="height: 172rpx;"></view>
            <view class="content" v-html="contentHtm"></view>
        </v-headerview>
    </z-paging>
</template>

<script>
export default {
    components: {
    },
    data() {
        return {
            title: '',
            sta: '',
            contentHtm: ''
        }
    },
    onLoad(e) {
        console.log(e)
        this.sta = e.status
        this.title = e.title
    },
    onShow() {
        this.getprv()
    },
    methods: {
        // 监听滚动高度
        pageScroll(event) {
            uni.$emit("onPageScroll", event.detail.scrollTop)
        },
        // 协议
        getprv() {
            this.$Request.get(this.$api.agreen.contents + `/${this.sta}`).then(res => {
                this.contentHtm = res.data.content
            })
        }
    }
}
</script>

<style lang="scss" scoped>
/deep/.zp-scroll-view-absolute {
    background-image: none !important;
    background-color: #f1f1f1 !important;
}

.content {
    box-sizing: border-box;
    width: 100%;
    padding: 30rpx;
    color: #000;
}
</style>